<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../../layout/base/base.css">
    <link rel="stylesheet" href="com-number.css">
    <script src="../../lib/jquery.js"></script>
    <script src="com-number.js"></script>
</head>
<style>
    .demo{
        width:800px;
        min-height: 400px;
        margin:0 auto;
        padding:10px;
        border: 1px solid #ebebeb;
    }
</style>
<body>

<div class="feat-grid feat-reset demo clearfix ">

    <section class="com-number">
        <i data-dom="add" class="add">+</i>
        <i data-dom="reduce" class="reduce">-</i>
        <input class="num" type="number" value="14">
    </section>
</div>

<script>
    $(function(){

        var numObj = $('.com-number');
        numObj.comNumber({
            min:10,
            max:100,
        });
    })


</script>
</body>
</html>